<meta charset="utf-8" />
<!-- CSS POPUP -->
<link rel="stylesheet" href="public/popup/css/zebra_dialog.css" type="text/css"/>

<!-- JAVASCRIPT -->
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="public/popup/js/zebra_dialog.js"></script>
<body style="height: 700px">
    <p><a href="#" id="A00511">A00511</a></p>
    <p><a href="#" id="A00512">A00512</a></p>
</body>
<script>
    $(document).ready(function() {

        // show a dialog box when clicking on a link
        $('#A00511').bind('click', function(e) {
            e.preventDefault();
            $.Zebra_Dialog('', {
                source: {'iframe': {
                    'src':  'popup/A00511.html',
                    'height': 370
                }},
                width: 850,
                title:  '送信先選択',
                type:  '',
                buttons:  [
                    {caption: 'キャンセル', callback: function() { alert('"Yes" was clicked')}},
                    {caption: 'OK', callback: function() { alert('"No" was clicked')}}
                ]
            });
        });
        
        // show a dialog box when clicking on a link
        $('#A00512').bind('click', function(e) {
            e.preventDefault();
            $.Zebra_Dialog('', {
                source: {'iframe': {
                    'src':  'popup/A00512.html',
                    'height': 170
                }},
                width: 600,
                title:  '個別添付ファイル設定',
                type:  '',
            });
        });
    
     });
</script>
